<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="wrapper">
    <div class="box">盒子1</div>
    <div class="box">盒子2</div>
    <div class="box">
      <div id="logo">logo</div>
    </div>
  </div>
  <div class="container">
    <ul class="list">
      <li class="list-item">1</li>
      <li class="list-item">2</li>
      <li class="list-item">3</li>
    </ul>
  </div>
  <script src="./jquery.js"></script>

  <script>
    // console.log($('.wrapper'));
    // console.log($('#logo'));

    // console.log($('.box').eq(-2).css({
    //   opacity: .4,
    //   color: 'black'
    // }));

    // console.log($('.list').add('.list-item'));
    // console.log($('.list-item').eq(2));
    // $('.list').add('.list-item').css({
    //   'list-style': 'none',
    //   'margin': 0,
    //   'padding': 0
    // }).end().css({
    //   'color': 'lightpink'
    // });

    // $('.list-item').on('click', () => {
    //   console.log('111')
    // });

    // $('.container').css({
    //     position: 'absolute',
    //     top: 0,
    //     left: 0,
    //     width: '100px',
    //     height: '100px',
    //     backgroundColor: 'orange'
    //   })
    //   .animate({
    //     width: 200,
    //     height: 200,
    //     top: 200,
    //     left: 200
    //   });

    // var cb = $.Callbacks();

    // function test1() {
    //   console.log('test1')
    // }

    // function test2() {
    //   console.log('test2')
    // }
    // cb.add(test1);
    // cb.add(test2);
    // cb.fire();

    function createRandomNum() {
      var defer = $.Deferred();

      setInterval(function () {
        var number = Math.random() * 10;
        if (number > 6) {
          defer.resolve();
        } else if (number < 3) {
          defer.reject();
        } else {
          defer.resolve();
        }
      })

      return defer;
    }

    var defer = createRandomNum();
    defer.done(function () {
      console.log('成功了');
    })

    defer.fail(function () {
      console.log('失败了');
    })

    defer.notify(function () {
      console.log('正在进行中...');
    })
  </script>
</body>

</html>